<div class="flex items-center">
    <x-jet-action-message class="mr-3" on="success">
        {{ __('Delete Success.') }}
    </x-jet-action-message>
    <x-jet-action-message class="mr-3 text-red-600" on="unauthorized">
        {{ __('Unauthorized') }}
    </x-jet-action-message>
    <x-jet-danger-button wire:click="delete()" wire:loading.attr="disabled" class="mr-2">
        <i class="fa fa-trash mr-1"></i>
        {{ __('Delete') }}
    </x-jet-danger-button>
    <x-jet-dialog-modal wire:model="confirmingDelete">
        <x-slot name="title">
            @if(!$showDeleteBtn)
            {{ $title }}
            @endif
        </x-slot>

        <x-slot name="content">


            <div class="mt-4" x-data="{}" >
                {{$message}}
            </div>
        </x-slot>

        <x-slot name="footer">
            @if($showDeleteBtn)
            <x-jet-secondary-button wire:click="$toggle('confirmingDelete')" wire:loading.attr="disabled">
                {{ __('Cancel') }}
            </x-jet-secondary-button>

            <x-jet-danger-button class="ml-2" wire:click="confirmDelete()" wire:loading.attr="disabled">
                {{ __('Delete') }}
            </x-jet-danger-button>
            @else
                <x-jet-button class="ml-2" wire:click="$toggle('confirmingDelete')" wire:loading.attr="disabled">
                    {{ __('Confirm') }}
                </x-jet-button>
            @endif
        </x-slot>
    </x-jet-dialog-modal>
</div>

